<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>个人简历</title>

    <style type="text/css">
        * {
            padding: 0;
            margin: 0;
        }

        div {
            font-size: 18px;
        }

        h1 {
            font-size: 25px;
            clear: both;
        }

        h2 {
            font-size: 20px;
        }

        a {
            text-decoration: none;
            color: blue;
        }

        .base {
            float: left;
            width: 80%;
        }

        .base .per li {
            float: left;
            width: 50%;
            list-style: none;
        }

        .qr {
            width: 85px;
            height: 85px;
        }

        .csdn {
            margin-left: 34%;
        }

        .picture {
            float: right;
            width: 20%;
        }

        .stu li, .skill, .pro li {
            margin-left: 20px;
        }

    </style>

</head>
<body>
    <!-- 个人信息 -->
    <div class="info">

        <h1>个人信息</h1>
        <div class="base">
            <ul class="per">
                <li>姓名：<b>李根</b></li>
                <li>手机：<b>131-9033-9422</b></li>
                <li>求职意向：<b>PHP后端</b></li>
                <li>邮箱：<b>1376465933@qq.com</b></li>
                <li>学历：大专</li>
                <li>QQ：1376465933</li>
            </ul>
            <ul>
                <li>GitHub：<a href="https://github.com/lg0427">https://github.com/lg0427</a ></li>
                <li>技术博客：<a href="https://blog.csdn.net/lg0427">https://blog.csdn.net/lg0427</a ></li>
            </ul>

            <img src="./github.png" alt="" class="qr">
            <img src="./csdn.png" alt="" class="qr csdn">
        </div>

        <img src="./证件照.jpg" alt="" class="picture">
    </div>

    <!-- 学习经历 -->
    <div class="stu">
        <h1>学习经历</h1>
        <ul class="stuli">
            <li>教育经历
                <ul class="edu">
                    <li>专科：2015年9月-2018年6月，于xx大学，攻读xxxx学士学位</li>
                </ul>
            </li>
            <li>获奖经历
                <ul class="award">
                    <li>参加“兆易创新杯”第十四届中国研究生电子设计竞赛，获得西北赛区团队二等奖</li>
                    <li>参加第八届全国大学生信息技术创新应用大赛，获得三等奖</li>
                </ul>
            </li>
        </ul>

    </div>

    <!-- IT技能 -->
    <div class="it">
        <h1>IT技能</h1>
        <ul class="skill">
            <li>熟悉Java常用语法；熟悉Java集合框架的基本使用，如：List、Map、Set等</li>
            <li>熟悉常用数据结构，如：顺序表、链表、栈、队列、二叉树等；熟悉常用排序算法</li>
            <li>熟悉Linux常用命令；熟悉Web项目在Linux环境下的部署；熟悉vim的基本使用</li>
            <li>熟悉进程和线程的相关概念，如：进程间通信、多线程的安全实现等</li>
            <li>熟悉socket网络编程；熟悉常见协议，如：HTTP、TCP、UDP、IP等</li>
            <li>熟悉MySQL的基本使用，如：表的CRUD操作，事务的ACID特性；熟悉JDBC的使用</li>
            <li>熟悉Servlet容器Tomcat、项目构建系统maven、版本控制工具git的基本使用</li>
        </ul>
    </div>

    <!-- 项目介绍 -->
    <div class="pro">
        <h1>项目介绍</h1>

        <h2>xxxxx</h2>
        <ul class="pro1">
            <li>项目简介：
                本项目主要实现xxxxxxxxxx。
                本项目支持xxxx、xxxx、xxxx，同时实现了简单的xxxxxx，并对xxxxxxxxxx
            </li>
            <li>开发环境：Windows 10、IDEA 2019、MySQL、Tomcat、Java</li>
            <li>主要功能模块：
                <ul class="model">
                    <li>后端模块：实现上传、查看、删除xx的简单逻辑，并对xxx和xxxx实时更新</li>
                    <li>前端模块：使用HTML、CSS、JavaScript等完成前端简单页面的编写</li>
                </ul>
            </li>
            <li>项目源码：<a href="#">#</a></li>
        </ul>

        <h2>xxxxx</h2>
        <ul class="pro2">
            <li>项目简介：
                本项目主要实现xxxxxxxxxxxxxxxxxxxxxx。
                本项目支持xxxx、xxxx、xxxxxxx，同时对xxxxxxxxxxxxxx
            </li>
            <li>开发环境：Windows 10、IDEA 2019、Sqlite 3、Java</li>
            <li>主要功能模块：
                <ul class="model">
                    <li>xx模块：xxxxxxxxxxxxxxxx，xxxxxxxxxxxxxxxx</li>
                    <li>xx模块：实现xxxx、xxxx、xxxxxxx，并xxxxxxxx</li>
                </ul>
            </li>
            <li>项目源码：<a href="#">#</li>
        </ul>

    </div>
</body>
</html>